<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%
    String title = "首页";
    String ctx = request.getContextPath();
    request.setAttribute("ctx",ctx);
%>
<jsp:include page="/common/fronttop.jsp"/>


<!--=== Purchase Block ===-->
<div class="row-fluid purchase margin-bottom-30">
    <div class="container">
        <div class="span9">
            <span>一个有趣的网站</span>

            <p>你所知道的,你所不知道的,你能吐槽的,你不能吐槽的,这里都会有,你想看的,就来这里</p>
        </div>
        <a href="#" class="btn-buy hover-effect">现在就注册吧</a>
    </div>
</div>
<!--/row-fluid-->
<!-- End Purchase Block -->

<!--=== Content Part ===-->
<div class="container">
    <!-- Service Blocks -->
    <div class="row-fluid">
        <div class="span4">
            <div class="service clearfix">
                <i class="icon-resize-small"></i>

                <div class="desc">
                    <h4>轰动的网络热词</h4>

                    <p>对于信息飞速爆炸的今天,你是不是经常看不懂别人的话语?不用怕,来这里!</p>
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="service clearfix">
                <i class="icon-cogs"></i>

                <div class="desc">
                    <h4>全新的排版方式</h4>

                    <p>不再凌乱,只为简单,让你快乐并理解</p>
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="service clearfix">
                <i class="icon-plane"></i>

                <div class="desc">
                    <h4>一次魅力起飞的旅程</h4>

                    <p>每天浏览保证你的网络热词顺口而来,吐槽全程高能,聊天幽默感逼人</p>
                </div>
            </div>
        </div>
    </div>
    <!--/row-fluid-->
    <!-- //End Service Blokcs -->

    <!-- Recent Works -->
    <div class="headline"><h3>最近工作</h3></div>
    <ul class="thumbnails">
        <li class="span3">
            <div class="thumbnail-style thumbnail-kenburn">
                <div class="thumbnail-img">
                    <div class="overflow-hidden"><img src="${ctx}/img/carousel/2.jpg" alt=""/></div>
                    <a class="btn-more hover-effect" href="#">更多</a>
                </div>
                <h3><a class="hover-effect" href="#">我们工作</a></h3>

                <p>
                    我们每天从网络上采集各种各样有意思的图片,段子,视频,来娱乐大家
                </p>
            </div>
        </li>
        <li class="span3">
            <div class="thumbnail-style thumbnail-kenburn">
                <div class="thumbnail-img">
                    <div class="overflow-hidden"><img src="${ctx}/img/carousel/3.jpg" alt=""/></div>
                    <a class="btn-more hover-effect" href="#">更多</a>
                </div>
                <h3><a class="hover-effect" href="#">更多的工作</a></h3>

                <p>我们会将采集来的相关数据分类,整理,过滤,并适当的解释放到网站上</p>
            </div>
        </li>
        <li class="span3">
            <div class="thumbnail-style thumbnail-kenburn">
                <div class="thumbnail-img">
                    <div class="overflow-hidden"><img src="${ctx}/img/carousel/9.jpg" alt=""/></div>
                    <a class="btn-more hover-effect" href="#">更多</a>
                </div>
                <h3><a class="hover-effect" href="#">其他人的工作</a></h3>

                <p>别人只需要告诉我们那里有有意思的</p>
            </div>
        </li>
        <li class="span3">
            <div class="thumbnail-style thumbnail-kenburn">
                <div class="thumbnail-img">
                    <div class="overflow-hidden"><img src="${ctx}/img/carousel/10.jpg" alt=""/></div>
                    <a class="btn-more hover-effect" href="#">更多</a>
                </div>
                <h3><a class="hover-effect" href="#">未来规划</a></h3>

                <p>我们想要提供一些你们懂的内容,但这鞋取决于China的法律和我们所拥有的能力与资源</p>
            </div>
        </li>
    </ul>
    <!--/thumbnails-->
    <!-- //End Recent Works -->

    <!-- Information Blokcs -->
    <div class="row-fluid margin-bottom-20">
        <!-- Who We Are -->
        <div class="span8">
            <div class="headline"><h3>欢迎来到这里</h3></div>
            <p><img class="pull-left lft-img-margin img-width-200" src="${ctx}/img/carousel/6.jpg" alt=""/>这是我们公司的CEO,长的很帅是不是,他有几个特点
            </p>
            <ul class="unstyled">
                <li><i class="icon-ok color-green"></i> 他很幽默</li>
                <li><i class="icon-ok color-green"></i> 他很帅</li>
                <li><i class="icon-ok color-green"></i> 他有4国国籍</li>
                <li><i class="icon-ok color-green"></i> 欧美人种,你懂得</li>
            </ul>
            <br/>

            <blockquote class="hero-unify">
                <p>我们一直努力做到最好,最优秀,最有趣,最懂你,最满足你的网站,但是我知道我们做的远远不够,那就让我来补偿你吧</p>
                <small>CEO, Jack Bour</small>
            </blockquote>
        </div>
        <!--/span8-->

        <!-- Latest Shots -->
        <div class="span4">
            <div class="headline"><h3>办公环境</h3></div>
            <div id="myCarousel" class="carousel slide">
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="${ctx}/img/carousel/5.jpg" alt=""/>

                        <div class="carousel-caption">
                            <p>赶紧加入我们吧,别犹豫</p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="${ctx}/img/carousel/4.jpg" alt=""/>

                        <div class="carousel-caption">
                            <p>什么?你没有绿卡.没关系.我们帮您解决!</p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="${ctx}/img/carousel/3.jpg" alt=""/>

                        <div class="carousel-caption">
                            <p>什么?你英语不好,别逗了好吗?</p>
                        </div>
                    </div>
                </div>

                <div class="carousel-arrow">
                    <a class="left carousel-control" href="#myCarousel" data-slide="prev"><i
                            class="icon-angle-left"></i></a>
                    <a class="right carousel-control" href="#myCarousel" data-slide="next"><i
                            class="icon-angle-right"></i></a>
                </div>
            </div>
        </div>
        <!--/span4-->
    </div>
    <!--/row-fluid-->
    <!-- //End Information Blokcs -->

    <!-- Our Clients -->
    <div id="clients-flexslider" class="flexslider home clients">
        <div class="headline"><h3>我们的客户(别信)</h3></div>
        <ul class="slides">
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/hp_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/hp.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/igneus_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/igneus.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/vadafone_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/vadafone.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/walmart_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/walmart.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/shell_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/shell.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/natural_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/natural.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/aztec_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/aztec.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/gamescast_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/gamescast.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/cisco_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/cisco.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/everyday_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/everyday.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/cocacola_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/cocacola.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/spinworkx_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/spinworkx.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/shell_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/shell.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/natural_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/natural.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/gamescast_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/gamescast.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/everyday_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/everyday.png" class="color-img" alt=""/>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="${ctx}/img/clients/spinworkx_grey.png" alt=""/>
                    <img src="${ctx}/img/clients/spinworkx.png" class="color-img" alt=""/>
                </a>
            </li>
        </ul>
    </div>
    <!--/flexslider-->
    <!-- //End Our Clients -->
</div>
<!--/container-->
<!-- End Content Part -->

<jsp:include page="common/frontbottom.jsp"/>